<template>
<!-- 和之前学习 `${}`里边写的是表达式 = -->
  <div>{{10}}</div>
  <div>{{10+10}}</div>
  <div>{{true}}</div>
  <div>{{10+"10"}}</div>
  <div>{{[10,20,30]}}</div>
  <!--vue2 显示[object] vue3可以显示对象了  -->
  <div>{{ {name:"张三",age:20} }}</div>
  <div>{{function () {} }}</div>
  <!-- 10>8  你好 错了 -->
  <div>{{10>80?"你好":"错了" }}</div>
  <div>{{aa}}</div>
  <div>{{num+20}}</div>
</template>

<script>

export default {
  setup() {
    return {
      aa:"我是aa",
      num:100
    }
  }
}
</script>

<style>

</style>